﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
	<HEAD>
		<TITLE>买</TITLE>
		<META http-equiv=Content-Type content="text/html; charset=UTF-8" />
		<LINK href="css/mall.css" type="text/css" rel="stylesheet" />

		<link rel="stylesheet" type="text/css" href="./css/main.css">
		<link rel="stylesheet" type="text/css" href="./css/searcher.css">
		<link rel="stylesheet" type="text/css" href="./css/header.css">
		<link rel="stylesheet" type="text/css" href="./css/footer.css">
		<style type="text/css">
body {
	font-size: 13px;
}

a {
	text-decoration: none;
}

.ie_margin {
	margin-top: -13px;
}

.ds {
	margin-left: 5px;
}

.searcher-input-td {
	border-bottom: 0px;
	padding-right: 18px
}

.searcher-input {
	border-top: 1px;
	border-left: 1px;
	border-bottom: 1px;
	border-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-style: solid;
	border-top-style: solid;
	border-bottom-style: solid;
	padding-left: 11px;
	hegiht: 25px;
}

.mallCrumbs-nav {
	margin-left: -6px;
	font-size: 13px;
}
</style>
		<!--[if IE]>
<style type="text/css">
.ie_margin { margin-top: 0px;}
.align-center {
	margin-top: 10px;
	text-align: center;
	width: 100%;
	padding-left: 100px;
}
.mallCrumbs-nav { margin-left: 10px;}


</style>
<![endif]-->
		<style type="text/css">
.sub-cate-list {
	border: #e1e7f5 1px solid;
	width: 100%;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 12px;
}

.sub-cate-list table {
	font-size: 13px;
	width: 70%;
	margin-left: 40px;
	margin-top: 5px;
}

.sub-cate-list table td {
	padding-top: 5px;
}

.sub-cate-list span {
	margin-left: 30px;
}

.pro-list {
	width: 100%;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pro-list span {
	background-color: #a6a6a6;
	color: white;
	font-weight: bold;
	width: 100px;
	height: 26px;
	display: block;
	text-align: center;
	vertical-align: middle;
	line-height: 26px;
	margin-bottom: -9px;
}

.pro-list hr {
	margin-left: -12px;
	border: #a6a6a6 1px solid;
	width: 958px;
}

.pro-list .pro-list-items {
	background-color: #f5f5f5;
	width: 100%;
	margin-top: -7px;
	margin-left: -12px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.pro-list .pro-list-items div {
	margin-left: 20px;
}

.products {
	text-align: left;
	color: #333;
}
.products a {
	font-weight: bold;
}
.products table { margin-left: -20px;}
.products table td {  padding:0; text-align: left;}
.pro-first-td { width: 150px;}
.products ul,.products li {
	list-style: none;
	text-align: left;
}

.products li {
	padding-bottom: 5px;
	padding-top: 5px;
	display: block;
	border-bottom: 1px dashed #999;
	margin-right: 30px;
}

/*.products li { float: left;  padding-right: 10px; margin-bottom: 10px;}*/
.products li div {
	font-size: 14px;
	margin-bottom: 5px;
}

.products li div a img {
	border: 0px;
}

.products li div a {
	font-size: 14px;
}

.one-pro-first {
	margin-left: -25px;
}

.pro-desc {
	padding-left: 20px;
}

.pro-desc table td {
	padding-top: 4px;
}


.no-header .pro-first-td {
	width: 50px;
}
.no-header td, .no-header div {
	padding: 0;
	margin: 0;
}
</style>
		<!--[if IE]>
<style type="text/css">
.pro-list hr {
	margin-left: -30px; border: #a6a6a6 1px solid; width: 965px;
}
.footer-line { margin-left: -9px;}
</style>
<![endif]-->
	</HEAD>
	<BODY>
		<div id="content">
			<DIV id="header">
				<DIV id="site-nav">
					<P id="login-info" class="login-info">
						您好，欢迎来Market！
						请<A href="login.html" target="_top">登录</A>免费<A href="register.html" target="_top">注册</A>
					</P>
					<UL class="quick-menu">
						<LI class="home">
							<A href="index.html">本站首页</A>
						</LI>
						<LI>
							<A href="shop.html" target="_top">我要买</A>
						</LI>
						<LI>
							<A href="publish.html" target="_top">我要卖</A>
						</LI>
						<LI>
							<A href="user_info.html" target="_top">我的商品<B></B>
							</A>
						</LI>

					</UL>

					</UL>
				</DIV>
			</DIV>
			<table>
				<tr>
					<td>
						<div class="logo">
							<img width="200" height="120" src="images/logo.gif" />
						</div>
					</td>
					<td>
						<div class="align-center">
							<DIV class="searcher-div">
								<TABLE border="0" cellpadding="0" cellspacing="0"
									class="searcher-table">
									<TBODY>
										<TR>
											<TD class="searcher-input-td" width="100%">
												<DIV>
													<INPUT class="searcher-input" type="text">
												</DIV>
											</TD>
											<TD>
												<DIV class="ds">
													<DIV class="lsbb ">
														<INPUT type="submit" class="searcher-button" value="搜索">
													</DIV>
												</DIV>
											</TD>
										</TR>
									</TBODY>
								</TABLE>
							</DIV>
						</div>
					</td>
				</tr>
			</table>


			<DIV class="mallCrumbs mb10 clearfix">
				<div class="ie_margin">
					<P class=mallCrumbs-count>
						相关商品
						<EM>89357</EM>件
					</P>
					<UL class=mallCrumbs-nav>
						<LI class=mallCrumbs-nav-item>
							<A href="#" target=_blank>所有商品分类</A><B class=icon></B>
						</LI>
						<LI class=mallCrumbs-nav-item>
							<A href="#" target=_blank>电脑配件</A><B class=icon></B>
						</LI>
						<LI class=mallCrumbs-nav-item>
							<A href="#">主板</a>
							<B class=icon></B>
						</LI>
						<LI class=mallCrumbs-nav-item>
							技嘉主板
						</LI>
					</UL>
				</div>
			</DIV>
			<div class="sub-cate-list">
				<span style="color: #888; font-weight: bold;">技嘉主板分类:</span>
				<table>
					<tr>
						<td>
							<a href="">标签分类N</a>
						</td>
						<td>
							<a href="">标签分类N</a>
						</td>
						<td>
							<a href="">标签分类N</a>
						</td>
						<td>
							<a href="">标签分类N</a>
						</td>
						<td>
							<a href="">标签分类N</a>
						</td>
					</tr>
					<tr>
						<td>
							<a href="">标签分类N</a>
						</td>
						<td>
							<a href="">标签分类N</a>
						</td>
						<td>
							<a href="">标签分类N</a>
						</td>
						<td>
							<a href="">标签分类N</a>
						</td>
						<td>
							<a href="">标签分类N</a>
						</td>
					</tr>
				</table>
			</div>

			<div class="pro-list">
				<span>商品列表</span>
				<hr />
				<div class="pro-list-items">
					<div>
						<select style="width: 100px;">
							<option value="">
								所在地
							</option>
							<option value="">
								广州
							</option>
							<option value="">
								深圳
							</option>
							<option value="">
								中山
							</option>
						</select>
						<select style="width: 100px; margin-left: 10px;">
							<option value="">
								默认排序
							</option>
							<option value="">
								按时间顺序
							</option>
							<option value="">
								按时间倒序
							</option>
							<option value="">
								按价格顺序
							</option>
							<option value="">
								按价格倒序
							</option>
						</select>
					</div>

					<div class="products">
						<ul>
							<li class="one-product one-pro-first">
								<table width="100%">
									<tr>
										<td class="pro-first-td">
											<div>
												<a href="#"><img src="images/product.jpg" width="130"
														height="150">
												</a>
											</div>
										</td>
										<td>
											<div class="pro-desc">
												<table class="">
													<tr><td colspan="2"><a href="">iPhone4 </a></td></tr>
													<tr><td>新旧程度：</td><td>9成新</td></tr>
													<tr><td>价格：</td><td>342元</td></tr>
													<tr><td>卖家：</td><td>Akdhkjd</td></tr>
													<tr><td>卖家描述：：</td><td>很给力的，要就拿去</td></tr>
												</table>
												
												
											</div>
										</td>
									</tr>
								</table>
							</li>
							
							<li class="one-product one-pro-first no-header">
								<table width="100%">
									<tr>
										<td class="pro-first-td">
											<div>
												<a href="#"><img src="images/product.jpg" width="50"
														height="55">
												</a>
											</div>
										</td>
										<td>
											<div class="pro-desc">
												<a href="">iPhone4 </a>
												&nbsp;|&nbsp; 9成新 &nbsp;|&nbsp; 345元 &nbsp;|&nbsp; 广州当面交易 &nbsp;|&nbsp;&nbsp;<a href="">查看</a>
												
												
											</div>
										</td>
									</tr>
								</table>


							</li>
							
							<li class="one-product one-pro-first no-header">
								<table width="100%">
									<tr>
										<td class="pro-first-td">
											<div>
												<a href="#"><img src="images/product.jpg" width="50"
														height="55">
												</a>
											</div>
										</td>
										<td>
											<div class="pro-desc">
												<a href="">iPhone4 </a>
												&nbsp;|&nbsp; 9成新 &nbsp;|&nbsp; 345元 &nbsp;|&nbsp; 广州当面交易 &nbsp;|&nbsp;&nbsp;<a href="">查看</a>
												
												
											</div>
										</td>
									</tr>
								</table>


							</li>
							
							<li class="one-product one-pro-first no-header">
								<table width="100%">
									<tr>
										<td class="pro-first-td">
											<div>
												<a href="#"><img src="images/product.jpg" width="50"
														height="55">
												</a>
											</div>
										</td>
										<td>
											<div class="pro-desc">
												<a href="">iPhone4 </a>
												&nbsp;|&nbsp; 9成新 &nbsp;|&nbsp; 345元 &nbsp;|&nbsp; 广州当面交易 &nbsp;|&nbsp;&nbsp;<a href="">查看</a>
												
												
											</div>
										</td>
									</tr>
								</table>


							</li>
						</ul>

					</div>
				</div>

			</div>
		</div>

		<hr class="footer-line" width="960" style="color: #DDD;" />
		<div class="footer">
			<div>
				<ul>
					<li>
						<a href="#">加入本站</a>
					</li>
					<li>
						<a href="#">收藏本站</a>
					</li>
					<li>
						<a href="#">搜索榜</a>
					</li>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">使用帮助</a>
					</li>
					<li>
						<a href="#">意见反馈</a>
					</li>
				</ul>
			</div>
			<div>
				copyright: XX证XX2141237 ?2010 market.com
			</div>
			<br />
			&nbsp;
			<br />
			&nbsp;
		</div>
	</BODY>
</HTML>
